/* 个人的全局公共样式文件 */
/* 定位 */
.pos-re {
	position: relative;
}
.pos-ab {
	position: absolute;
}

.box-s {
	box-sizing: border-box;
}
.flex {
	display: flex;
}
.flex-1 {
	flex: 1;
}

.flex-a {
	display: flex;
	align-items: center;
}

.flex-a-s {
	align-items: flex-start;
}
.flex-a-c {
	align-items: center;
}
.flex-a-e {
	align-items: flex-end;
}

.flex-c {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-d {
	display: flex;
	flex-direction: column;
}
.flex-w {
	display: flex;
	flex-wrap: wrap;
}

.flex-j-a {
	justify-content: space-around;
}

.flex-j-c {
	justify-content: center;
}

.flex-j-b {
	justify-content: space-between;
}

/* 文本仅显示 1 行 */
.line-1 {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

/* 文本仅显示 2 行 */
.line-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.m-2 {
	margin: 20px;
}
.m-l-1 {
	margin-left: 10px;
}
.m-l-2 {
	margin-left: 20px;
}
.m-l-3 {
	margin-left: 30px;
}
.m-r-2 {
	margin-right: 20px;
}
.m-t-0 {
	margin-top: 0;
}
.m-t-2 {
	margin-top: 20px;
}
.m-t-3 {
	margin-top: 30px;
}
.m-b-2 {
	margin-bottom: 20px;
}
.p-2 {
	padding: 20px;
}
.p-l-2 {
	padding-left: 20px;
}
.p-r-2 {
	padding-right: 20px;
}
.p-t-2 {
	padding-top: 20px;
}
.p-b-2 {
	padding-bottom: 20px;
}

.text-l {
	text-align: left;
}
.text-c {
	text-align: center;
}
.text-r {
	text-align: right;
}